<script setup lang="ts">
import TheWelcome from '../components/TheWelcome.vue'
</script>

<template>
  <main>
    <TheWelcome />
    <div class="navigation">
      <router-link to="/digital-human" class="digital-human-link">
        前往数字人页面
      </router-link>
    </div>
  </main>
</template>

<style scoped>
.navigation {
  margin-top: 20px;
  text-align: center;
}

.digital-human-link {
  display: inline-block;
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.digital-human-link:hover {
  background-color: #45a049;
}
</style>
